﻿@navbar-height: 28px;
@content-height: 567px;

.top-two-rounds-window{
	border: 1px solid #666;
	border-radius: 4px 4px 0px 0px;
	-webkit-box-shadow: 0px 0px 20px #444;
	box-shadow: 0px 0px 20px #444;
}
.four-rounds-window{
	border: 1px solid #666;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 20px #444;
	box-shadow: 0px 0px 20px #444;	
}
.panel-background{
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #d5d5d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(99%,#d5d5d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#d5d5d5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#d5d5d5 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#d5d5d5 100%); /* W3C */
}
.container-background{
	background: url(images/app-bg.png) 0 0 repeat-x;	
}
.clear-shadow{
	text-shadow: none;
}
.content{
	font-size: 12px;
	line-height: 21px;
	.clear-shadow;
}
.title-bar-style{
		.panel-background;
		-webkit-user-select: none;
		border: 1px solid #f1f3f4;
		border-bottom: 0px;
		border-radius: 4px 4px 0px 0px;		
		font-size: 12px;

		#title{
			overflow: hidden;
		}
		.page-title
		{
		    font-siez: 12px;
			float: left;
			margin-left: 10px;
			line-height: 21px;
			color: #888;
			font-weight: bold;
		}
		.func-panel{
			float: right;
			margin-top: -1px;
			margin-right: 12px;

			a{
				display: block;
				float: left;
			}

			.func-min{
				width: 25px; height: 17px;
				background: url(images/funcs.png) 0px 0px;
			}			
			.func-min:hover{
				background: url(images/funcs.png) 0px -17px;
			}

			.func-max{
				width: 25px; height: 17px;
				background: url(images/funcs.png) -93px 0px;
			}			
			.func-max:hover{
				background: url(images/funcs.png) -93px -17px;
			}

			.func-restore{
				width: 25px; height: 17px;
				background: url(images/funcs.png) -25px 0px;
			}			
			.func-restore:hover{
				background: url(images/funcs.png) -25px -17px;
			}

			.func-close{
				width: 43px; height: 17px;
				background: url(images/funcs.png) -50px 0px; /* close按钮 */
			}

			.func-close:hover{
				background: url(images/funcs.png) -50px -17px;
				-webkit-box-shadow: 0px 0px 15px #e16b55;
			}
		}
}

#fade
{
    background-color: transparent;
    bottom: 0;
    display: -webkit-box;
    left: 0;
    padding: 20px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1001;
}


/***********main begin*********************/
html.widget{
	overflow: hidden;
	-webkit-user-select: none;
}
body {
    font-family: "Microsoft YaHei", "微软雅黑";
}
ol, ul {
  list-style: none;
}
a img {
  border: none;
}
iframe{
	border: none;
}

body.window{
	position: absolute;
	overflow: hidden;

	>div{
		position: relative;
		background: #f1f1f1;
	}
}


#main{
	.four-rounds-window;
	
	width: 355px; height: 720px;
    margin: 12px;
    
    #title-bar{
		.title-bar-style;		
		height: 80px;		
		.func-panel{
			width: 68px; height: 17px;
		}
	}

	#head{
		height: 55px;
		padding-top: 5px;

		#user-head{
			float: left;
			margin-left: 10px;
			width: 42px; height: 42px;
			border: 2px solid #8fbda1;
			border-radius: 4px;
			box-shadow: 0px 0px 1px #fff;	
			background: #f8f8f8;

			#img-head{
				margin: 1px;
				width:40px;  height:40px;
			}
		}

		#user-info {
			float: left;
			margin-left: 10px;
			margin-top: 3px;
			font-size: 12px;
			color: #52836c;

			#user-name{
				font-weight: bold;
				font-size: 14px;
			}
		}
	}

	#i-nav-bar{
		width: 355px; height: @navbar-height;
	}
	.i-content{
		width: 355px; height: @content-height;display:none;
	}

	#footer{
		.panel-background;

		background: #d9d9d9; /* Old browsers */
		background: -moz-linear-gradient(top, #d9d9d9 0%, #c6c6c6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(99%,#c6c6c6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #d9d9d9 0%,#c6c6c6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #d9d9d9 0%,#c6c6c6 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #d9d9d9 0%,#c6c6c6 100%); /* IE10+ */
		background: linear-gradient(top, #d9d9d9 0%,#c6c6c6 100%); /* W3C */

		border-radius: 0px 0px 4px 4px;
		height: 42px;

		.app-bar{	
			float:right;
			padding:10px;
		}
		.app-bar:hover{	
			cursor: pointer;
			opacity: .7;	
		}
		.menu
		{
			width: 100%;
			display: none;
			
			.img-menu{
				padding:10px;
			}
			div.jqDockWrap
			{
				margin: 0 auto;
			}
			div.jqDock
			{
				cursor: pointer;
			}
		}
       
		div.jqDockLabel
		{
			padding: 0 6px;
			white-space: nowrap;
			color: #ffff00;
			background-color: #666666;
			cursor: pointer;
		}
	
		
	}

}

#action-message
{   
	background: #fae794; /* Old browsers */
	background: -moz-linear-gradient(top, #fae794 0%, #feefae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fae794), color-stop(99%,#feefae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fae794 0%,#feefae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fae794 0%,#feefae 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fae794 0%,#feefae 100%); /* IE10+ */
	background: linear-gradient(top, #fae794 0%,#feefae 100%); /* W3C */
	
	-webkit-box-shadow:1px 1px 5px #666;
	 
    position:  absolute;
    line-height: 28px;
    z-index: 500;    
    display: none;
    
    padding: 6px;
   
    #txt-message
    {
		font-size:14px;
		margin-right: 16px;
	}
	#action-close 
	{
		float: right;
		margin-top:6px;
		width: 10px; height: 10px;
		background: url(images/funcs.png) -10px -34px;
	}
		
	#action-close:hover
	{
		background: url(images/funcs.png) -10px -45px;
	}
}


#feeds
{
    .container-background;
	height: @content-height;
    .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li, .ui-btn-inner div.ui-link-inherit
    {
        padding: 0.2em 15px 0.7em 15px;
    }
    .ui-li-heading
    {
        width: 90%;
    }
    .ui-li-aside
    {
        width: 10%;
    }
	
	li{
		cursor: default;
	}

	.feed-list
	{
	    .feed-close
		{
			width: 11px;
			height: 14px;
			background: url(images/funcs.png) 0px -56px;
			float: right;
		}
		.feed-close:hover
		{
			background: url(images/funcs.png) 0px -70px;
			cursor: pointer;
		}
	    .title 
	    {
	        color: #323232;
	        font-size: 16px;
			line-height: 28px;
			white-space: normal;
	        .unread
	        {
	            font-weight: bold;
	        }
		    a {
			    text-decoration: none;
			    color: #333;
		    }   	        
		    a:hover{
			    color: #666;
		    }		    
	    }
	    .title:hover
	    {
	        color: #666;
	    }	    
	    .body
	    {
			.content;
	        color:#666;
			white-space: normal;
			padding-left: 1em;
			max-height: 290px;
			overflow: hidden;
			p {
				-webkit-margin-before: 0em;
				-webkit-margin-after: 0em;
			}
		    a {
			    text-decoration: none;
			    color: #666;
		    }   	     
		    a:hover{
			    text-decoration: underline;
		    }		       	        
	    }

	    .noti
	    {
	        background: #fefecc; /* Old browsers */
		    background: -moz-linear-gradient(top, #fefecc 0%, #fcf9a1 100%); /* FF3.6+ */
		    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefecc), color-stop(99%,#fcf9a1)); /* Chrome,Safari4+ */
		    background: -webkit-linear-gradient(top, #fefecc 0%,#fcf9a1 100%); /* Chrome10+,Safari5.1+ */
		    background: -o-linear-gradient(top, #fefecc 0%,#fcf9a1 100%); /* Opera11.10+ */
		    background: -ms-linear-gradient(top, #fefecc 0%,#fcf9a1 100%); /* IE10+ */
		    background: linear-gradient(top, #fefecc 0%,#fcf9a1 100%); /* W3C */

			.ui-li-heading
			{
				width: 78%;
			}
			.ui-li-aside
			{
				width: 22%;
			}
	    }
	    .is-read
	    {
	        font-weight: normal;
			color:#666;
	    }
	}
	
	.action-container
	{
	    clear: both;
	    width: 100%;
	    overflow: hidden;
	    
	    .action-r
	    {
	        float:right;
	        color:#ccc;
	        font-size:12px;
	        heigh:16px;
	    } 
		a {
			margin: 0 0 0 6px;
		}
	    .ezlink
	    {
	        text-decoration: none;  
	        color: #a1a1a1;   
	        line-height:14px; 
			text-shadow: 0px 0px 1px #fff;
	    }
	    .ezlink:hover
	    {
	        color: #6E6E6E;    
	    }
	    .notification-link 
	    {
	        color: #57a8b5;
			text-shadow: 0px 0px 1px #fff;
	    }
	     .notification-link:hover
	    {
			color: #458994;
	    }
	}
}

#nav-bar{
	height: @navbar-height;
	
	.num-label
    {
        background: none repeat scroll 0 0 #C3412F;
        color: white;
        display: block;
        font-size: 11px;
        line-height: 13px;
        padding: 1px 5px;
        position: absolute;
        right: 4px;
        text-decoration: none;
        top: 4px;
        z-index: 12;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        display:none;
    }
}



#appfunc{

	.top-two-rounds-window;

	top: 40px;	left: 20px;
	width: 817px; height: 600px;	
	
	
    #title-bar{
	 	.title-bar-style;		
	 	height: 25px;		
	 	.func-panel{
	 		width: 93px; height: 17px;
	 	}
	}

	#i-app-page{
		width: 817px; height: 623px;
	}
}
#login
{
	.four-rounds-window;

    width: 480px; height: 325px;

    margin: 12px;

	#title-bar{
		.title-bar-style;		
		height: 80px;		
		.func-panel{
			width: 68px; height: 17px;
		}
	}

	#i-loginpanel{
		width: 476px;	height: 296px;	
		border: 1px solid #f1f3f4;
		border-bottom: 0px;
		border-top: 0px;
		
	}
}
#loginpanel{
	width: 476px;	height: 296px;
    padding-top: 40px;
    
	#fields{
		 text-align: center;
		 
		 input
		 {
		    margin-bottom: 10px;
		 }
	}

}

#loginpanel-waiting{
	width: 476px;	height: 296px;
   	text-align: center;
	float:inherit;
	margin-top:20px;
	#remind
	{
		margin-top: 50px;
	}
}


#notification 
{
	-webkit-user-select: none;
    .four-rounds-window;

	position: absolute;
    
	border-color: #aaa;
	-webkit-box-shadow:1px 1px 5px #666;
    box-shadow:1px 1px 5px #666;

    width: 382px;min-height: 134px;
	overflow: hidden;
	
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(99%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%,#f1f1f1 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%,#f1f1f1 100%); /* IE10+ */
	background: linear-gradient(top, #fefefe 0%,#f1f1f1 100%); /* W3C */
	
	.title-bar
	{
	    height: 35px;
	    .noti-logo
	    {
	        width: 24px;
	        height: 24px;
	        background: url(images/noti-logo.png) no-repeat;
            display: block;
            float: left;
            margin-top: 6px;
            margin-left: 18px;
	    }	        
	    .title
	    {
	        float: left;
	        font-size: 12px;
	        margin: .6em 0em 0em .5em;
		    color: #888;
		    font-weight: bold;
		    line-height: 28px;
        }

        .noti-func-panel 
        {
            float:right;
			margin-top: 12px;
			margin-right: 12px;

			a {
				display: block;
				float: left
				
				;
			}			
			.func-setting:hover{
				background: url(images/funcs.png) 0px -45px;
			}

			.func-close{
				width: 10px; height: 10px;
				background: url(images/funcs.png) -10px -34px;
			}			
			.func-close:hover{
				background: url(images/funcs.png) -10px -45px;
			}
        }
	}
	
	#notification-view{
		min-height: 73px;
	}

	.content
	{   
	    margin: 0px 10px 5px 20px; 
	    width: 300px;   
	    .title
	    {
	        line-height: 1.4em;
	        font-size: 16px;
			font-weight: bold;
	        color: #333;
			span{
				display: inline-block;
				width: 300px;
				overflow: hidden;
				white-space: nowrap;	
				word-break: normal;
				text-overflow: ellipsis;
			}
			a {
				color: #333;
				text-decoration: none;
			}
	    }
	    .body
	    {
	        margin: 5px 0px 5px 0px;
	        line-heigh: 21px;
	        font-size: 12px;
	        color: #666;
			padding-left: 1em;
			max-height: 150px;
			overflow: hidden;
			p {
				-webkit-margin-before: 0em;
				-webkit-margin-after: 0em;
			}
			a {
				color: #333;
				text-decoration: none;
			}
	    }
		.is-read {
			font-weight: normal;			
		}
	}
	.notification-icon
	{
	    width: 16px;
	    height: 44px;
	    background: url(images/noti-icon.png) no-repeat;
        display: block;
        float: right;
        margin: 10px 22px;
	}
	.noti-footer{
		line-height: 1.5em;
		margin-bottom: 5px;
		overflow: hidden;
		height: 20px;
		.action {
			display:block;
			overflow: hidden;
			position: absolute;
			left: 20px;
			margin-top:-3px;
			
			a.ezlink {
				font-size: 12px;
				color: #a1a1a1;
				text-decoration: none;
				margin-right: 5px;
			}
			a.ezlink:hover {
				color: #6E6E6E;
				text-decoration: underline;
			}
		}
		.page
		{
			width:80px;
			margin: 0px 25px 10px 0px; 
			display:block;
			overflow: hidden;
			position: absolute;
			left: 300px;
			
			.func-prev{
				margin-top: 3px;
				width: 7px; height: 11px;
				display: block;
				float: left;
				background: url(images/funcs.png) -20px -34px;
			}			
			.func-prev:hover{
				background: url(images/funcs.png) -20px -45px;
			}

			.func-next{
				margin-top: 3px;
				width: 7px; height: 11px;
				display: block;
				float: left;
				background: url(images/funcs.png) -27px -34px;
			}			
			.func-next:hover{
				background: url(images/funcs.png) -27px -45px;
			}
			.page-count
			{
				margin: -3px 1.2em 0 1.2em;
				font-size: 12px;
				color: #999;
				display: block;
				float: left;
			}
		}

    }
}



.app-content{
	.four-rounds-window;
	
	width: 330px;
	height: 380px;
	display: none;
	position: absolute;
	right: 0px;
	bottom: 40px;
	z-index:600;
	
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(99%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8f8f8 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8f8f8 0%,#f1f1f1 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f8f8f8 0%,#f1f1f1 100%); /* IE10+ */
	background: linear-gradient(top, #f8f8f8 0%,#f1f1f1 100%); /* W3C */
}

#apps
{	
	
	-webkit-user-select: none;
    left: 0; top: 0; right: 0; bottom: 0;
    position: ab;
    a:link  
	{
		text-decoration: none
	}

	.func-panel 
    {
		float:right;
		margin-top: 3px;
		width: 10px; height: 10px;
		background: url(images/funcs.png) -10px -34px;
	}
	.func-panel:hover{
		background: url(images/funcs.png) -10px -45px;
		cursor: pointer;
	}

	.apps-container {
        width: 68px;
        height: 100px;
        margin: 0px 2px 6px 2px;
        float: left;
        border-radius: 2px;
        -webkit-border-radius: 2px;        

        .app-icon 
        {
            width: 64px;
            height: 64px;
            padding: 2px;
        }
		.app-text
		{
			color: #333;
			font-size: 12px;
			line-height: 14px;
			display: table-cell;
			width: 68px; height: 28px;
			text-align: center;
			vertical-align: middle;
		}
    }
    
    #app-set 
    {
		ul#app-type{
			border-bottom: #bababa 1px solid; 
			padding: 3px 10px 3px 10px;    
			list-style-type: none; 
			margin: 0px 12px;

			li{
				display: inline;
				width: 70px;
			 
				span{ 
					border:#bababa 1px solid; 
					border-bottom:#fff 0px solid;
					padding:2px 14px; 
					background-color: #eee; 
					text-decoration: none; 
				}
				span:hover{ 
					background: #fff; 
					cursor: pointer;
				}

				span.tabcurrent{ 
					background-color:#fff; 
				}
			}
		}

    }
   
	a.ezlink:hover {
		text-decoration: none;
	}

    ul#app-list{
		top: 104px;
		padding: 0;
		margin: 10px 12px;
		.apps-container:hover{
			cursor: pointer;
			img{
				opacity: .7;
			}
		}

		.app-text{
			color: #333;	
		}
    }
}

#projects
{
	.container-background;
	height: @content-height;
    
    .div-project
    {
        background: #fdfdfd; /* Old browsers */
		background: -moz-linear-gradient(top, #fdfdfd 0%, #efefef 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(99%,#efefef)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#efefef 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#efefef 100%); /* IE10+ */
		background: linear-gradient(top, #fdfdfd 0%,#efefef 100%); /* W3C */
        
        overflow: hidden;
        
        border: 0px;
        border-bottom : 1px solid #CCC;
        
        height: 100%;
        display: block;
        position: relative;
        
      
        .delaied
        {
            color: #fa0000;
        }
      
        .txt-diff 
        {
            color: #888;
			line-height: 28px;
			margin: .6em 0;
            .txt-delaied {
                color: #fc0000
            }    
        }
        .div-workitem
        {
            width: 8px;
            height: 100%;
            display:table-cell;
            
            border-radius: 4px 0px 0px 4px;
            -webkit-transition: border 0.3s ease;
            position: absolute;
            .txt-workitem-finished
            {
                background: #3ba365;
            }
        
            .txt-workitem-expired
            {
                background: #e8465f;
            }
            .txt-workitem-unfinished
            {
                background: #999999;
            }
        }
        a.ezlink {
			color: #333333;	
		}
        a.ezlink:hover {
			text-decoration: none;
			color: #666;
		}

        .txt-projectname
        {
            font-size: 16px;
			line-height: 28px;
            font-weight: bold;
			overflow: hidden;
            white-space: normal;
        }
        .txt-projectExplanation
        {
            .content;
            color: #888;
            font-weight: normal;
            display: block;
            overflow: hidden;
            white-space: normal;
			width: 90%;
        }
    }    
    
}

.ui-remind.busy{
	background-color: #fff;
	opacity: .2;
}
.ui-remind
{
	background-color: transparent;
    text-align: center;
	color: #666;
	font-size: 22px;
	padding: 80px 130px;	
    display: -webkit-box;
    position: fixed;
    z-index: 555;
	bottom: 0;    left: 0;    right: 0;    top: 0;
}


.ui-loading {
	z-index: 99999;
	background: #333;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#030303));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#555), to(#030303));
	position: fixed;
	padding: 20px 10px 20px 10px;
	top: 30%;
	opacity: .8;
	color: #fff;
	background: #333;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#030303));    
	border: 3px #fff solid;
	border-radius: 10px;
	width:116px;
	text-align: center;
	display:none;
}

#workitems
{
    .container-background;
    height: @content-height;

	li{
		cursor: default;
	}

    .txt-planOn
    {
        color: #888;
        font-size: 12px;
    }
    .img-ajax
    {
        display: none;
        padding: 4px 12px 4px 12px;
    }
    
	.title{
		white-space: normal;
        font-size: 16px;
		line-height: 28px;
        font-weight: bold;
		overflow: hidden;
	}
    .title a
    {
        color: #444444;    
    }
    .title a:hover
    {
        text-decoration: none;
		color: #666666;
    }
    
    .body
    {
        .content;
        color: #666;
		padding-left: 1em;
    }
}

a.ezlink {
	text-decoration: none;
}
a.ezlink:hover {
	text-decoration: underline;
}


/*  针对jquery mobile的css fix */
.ui-bar-a, .ui-bar-a input, .ui-bar-a select, .ui-bar-a textarea, .ui-bar-a button {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-bar-b, .ui-bar-b input, .ui-bar-b select, .ui-bar-b textarea, .ui-bar-b button {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-body-b, .ui-body-b input, .ui-body-b select, .ui-body-b textarea, .ui-body-b button {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-bar-d, .ui-bar-d input, .ui-bar-d select, .ui-bar-d textarea, .ui-bar-d button {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-body-d, .ui-body-d input, .ui-body-d select, .ui-body-d textarea, .ui-body-d button {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-bar-d,.ui-bar-d input,.ui-bar-d select,.ui-bar-d textarea,.ui-bar-d button {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-body-e,.ui-body-e input,.ui-body-e select,.ui-body-e textarea,.ui-body-e button {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
.ui-btn-down-e {
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti
}
